﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UcKaraoke.ascx.cs" Inherits="Karaoke_UcControl_UcKaraoke" %>
<div class="site_container container">
    <div class="sixteen columns top25">
        <div class="spacer">
            <span>List Rooms Karaoke</span>
        </div>
    </div>
    <div class="clear">
    </div>
    <div class="twelve columns offset-by-two">
        <div class="slogan1">
            While we seek to ensure accurate information and timely updates on our website,kindly
            understand that some information such as rooms and prices may be subject to change.
        </div>
    </div>
    <div class="clear">
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room Vip No. 1" href="images/karaoke/Room Vip No. 1.png">
                <img src="images/Room Vip No. 1.png" alt="" class="scale-with-grid" /></a>
        </div>
        <div class="top15">
            <div class="title">
                Room Vip No. 1 (>100 user)
                <p>
                    Setting</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room Vip No. 1" href="images/karaoke/Room Vip No. 1.png">
                            <img src="images/View.png" />
                        </a>
                </div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room Vip No. 2" href="images/karaoke/Room-Vip-No.-2.png">
                <img src="images/Room Vip No. 2.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room Vip No. 2 (100 user)
                <p>
                    Empty</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room Vip No. 2" href="images/karaoke/Room-Vip-No.-2.png">
                            <img src="images/View.png" />
                        </a>
                </div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 3" href="images/karaoke/Room-No.-3.png">
                <img src="images/Room No. 3.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 3 (5 user)
                <p>
                    Setting</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 3" href="images/karaoke/Room-No.-3.png">
                            <img src="images/View.png" />
                        </a>
                </div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 4" href="images/karaoke/Room-No.-4.png">
                <img src="images/Room No. 4.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 4 (10 user)
                <p>
                    Setting</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 4" href="images/karaoke/Room-No.-4.png">
                            <img src="images/View.png" />
                        </a>
                </div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 5" href="images/karaoke/Room-No.-5.png">
                <img src="images/Room No. 5.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 5 (20 user)
                <p>
                    Empty</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 5" href="images/karaoke/Room-No.-5.png">
                            <img src="images/View.png" /></a></div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 6" href="images/karaoke/Room-No.-6.png">
                <img src="images/Room No. 6.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 6 (30 user)
                <p>
                    Empty</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 6" href="images/karaoke/Room-No.-6.png">
                            <img src="images/View.png" /></a></div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 7" href="images/karaoke/Room-No.-7.png">
                <img src="images/Room No. 7.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 7 (40 user)
                <p>
                    Setting</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 7" href="images/karaoke/Room-No.-7.png">
                            <img src="images/View.png" /></a></div>
            </div>
        </div>
    </div>
    <div class="four columns">
        <div class="img-container">
            <a rel="lightbox-mygallery" title="Room No. 8" href="images/karaoke/Room-No.-8.png">
                <img src="images/Room No. 8.png" alt="" class="scale-with-grid" /></a></div>
        <div class="top15">
            <div class="title">
                Room No. 8 (70 user)
                <p>
                    Empty</p>
                <div>
                    <a href="#">
                        <img src="images/set.png" /></a> <a rel="lightbox-mygallery" title="Room No. 8" href="images/karaoke/Room-No.-8.png">
                            <img src="images/View.png" /></a></div>
            </div>
        </div>
    </div>
    <div class="clear">
        <!-- ClearFix -->
    </div>
</div>
